---
import Layout from '../layouts/Layout.astro';
import Header from '../components/Header.astro';
import Footer from '../components/Footer.astro';
import HeroSection from '../components/HeroSection.astro';
---

<Layout title="更新日志 - OpenAuth.Net">
  <Header />
  <main>
    <HeroSection 
      title="产品更新日志" 
      highlightText="更新日志"
      description="及时了解OpenAuth.Net的最新更新、改进和修复。"
    />
    
    <section class="py-16 bg-white dark:bg-gray-800">
      <div class="container-custom">
        <div class="max-w-4xl mx-auto">
          <!-- 版本条目 -->
          <div class="mb-16">
            <div class="flex items-center mb-4">
              <span class="inline-block px-4 py-1 rounded-full bg-primary-100 dark:bg-primary-900 text-primary-600 dark:text-primary-400 font-medium text-sm mr-3">
                v2.5.0
              </span>
              <span class="text-gray-500 dark:text-gray-400">2023年7月15日</span>
            </div>
            <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">重大仪表板重新设计</h2>
            
            <div class="space-y-6">
              <div>
                <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2 flex items-center">
                  <svg class="w-5 h-5 text-green-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
                  </svg>
                  新功能
                </h3>
                <ul class="list-disc list-inside text-gray-600 dark:text-gray-300 ml-6 space-y-2">
                  <li>全新设计的仪表板，改进了数据可视化</li>
                  <li>添加了可定制的小部件，提供个性化的仪表板体验</li>
                  <li>所有仪表板组件新增深色模式支持</li>
                  <li>为团队工作区引入实时协作功能</li>
                </ul>
              </div>
              
              <div>
                <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2 flex items-center">
                  <svg class="w-5 h-5 text-blue-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
                  </svg>
                  改进
                </h3>
                <ul class="list-disc list-inside text-gray-600 dark:text-gray-300 ml-6 space-y-2">
                  <li>所有仪表板页面的加载时间提高了40%</li>
                  <li>增强移动端响应性，提供更好的全设备体验</li>
                  <li>更新API文档，增加更多示例和用例</li>
                </ul>
              </div>
              
              <div>
                <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2 flex items-center">
                  <svg class="w-5 h-5 text-red-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                  </svg>
                  错误修复
                </h3>
                <ul class="list-disc list-inside text-gray-600 dark:text-gray-300 ml-6 space-y-2">
                  <li>修复了Firefox浏览器中数据导出功能的问题</li>
                  <li>解决了长时间会话的身份验证令牌刷新问题</li>
                  <li>修复了小屏幕上报告模块的布局问题</li>
                </ul>
              </div>
            </div>
          </div>
          
          <!-- 版本条目 -->
          <div class="mb-16">
            <div class="flex items-center mb-4">
              <span class="inline-block px-4 py-1 rounded-full bg-primary-100 dark:bg-primary-900 text-primary-600 dark:text-primary-400 font-medium text-sm mr-3">
                v2.4.2
              </span>
              <span class="text-gray-500 dark:text-gray-400">2023年6月28日</span>
            </div>
            <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">性能与安全更新</h2>
            
            <div class="space-y-6">
              <div>
                <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2 flex items-center">
                  <svg class="w-5 h-5 text-blue-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
                  </svg>
                  改进
                </h3>
                <ul class="list-disc list-inside text-gray-600 dark:text-gray-300 ml-6 space-y-2">
                  <li>通过改进的密码策略和双因素认证选项增强安全性</li>
                  <li>优化数据库查询，加快报告生成速度</li>
                  <li>将第三方依赖更新到最新版本</li>
                </ul>
              </div>
              
              <div>
                <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2 flex items-center">
                  <svg class="w-5 h-5 text-red-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                  </svg>
                  错误修复
                </h3>
                <ul class="list-disc list-inside text-gray-600 dark:text-gray-300 ml-6 space-y-2">
                  <li>修复了用户认证流程中的关键安全漏洞</li>
                  <li>解决了CSV导出包含不完整数据的问题</li>
                  <li>修复了Safari浏览器中的UI渲染问题</li>
                </ul>
              </div>
            </div>
          </div>
          
          <!-- 版本条目 -->
          <div class="mb-16">
            <div class="flex items-center mb-4">
              <span class="inline-block px-4 py-1 rounded-full bg-primary-100 dark:bg-primary-900 text-primary-600 dark:text-primary-400 font-medium text-sm mr-3">
                v2.4.0
              </span>
              <span class="text-gray-500 dark:text-gray-400">2023年6月10日</span>
            </div>
            <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">分析功能扩展</h2>
            
            <div class="space-y-6">
              <div>
                <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2 flex items-center">
                  <svg class="w-5 h-5 text-green-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
                  </svg>
                  新功能
                </h3>
                <ul class="list-disc list-inside text-gray-600 dark:text-gray-300 ml-6 space-y-2">
                  <li>添加了具有预测洞察功能的高级分析模块</li>
                  <li>引入了带有拖放界面的自定义报告生成器</li>
                  <li>新的数据可视化选项，包括热图和漏斗图</li>
                </ul>
              </div>
              
              <div>
                <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2 flex items-center">
                  <svg class="w-5 h-5 text-blue-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
                  </svg>
                  改进
                </h3>
                <ul class="list-disc list-inside text-gray-600 dark:text-gray-300 ml-6 space-y-2">
                  <li>扩展了API功能，增加了分析数据的新端点</li>
                  <li>改进了数据导出选项，支持定时报告</li>
                </ul>
              </div>
            </div>
          </div>
          
          <div class="text-center">
            <a href="#" class="btn-outline">
              查看更早的更新
              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M10 3a1 1 0 011 1v10.586l3.293-3.293a1 1 0 011.414 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 111.414-1.414L9 14.586V4a1 1 0 011-1z" clip-rule="evenodd" />
              </svg>
            </a>
          </div>
        </div>
      </div>
    </section>
  </main>
  <Footer />
</Layout> 
